<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <link rel="stylesheet" href="stylesheets/index.css">
    <link rel="stylesheet" href="stylesheets/lib/swiper-3.3.1.min.css">
    <script src="javascripts/lib/swiper-3.3.1.min.js"></script>
    <script src="javascripts/lib/zepto.min.js"></script>
    <title>index</title>
</head>
<body>
<div class="header">
    <div class="loginbox">登录 | 注册</div>
    <div class="logo"></div>
    <div class="kf"></div>
</div>
<div class="main">
    <div class="gglb">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="images/lb/lb1.png" alt="" style="width: 100%"></div>
                <div class="swiper-slide"><img src="images/lb/lb2.png" alt="" style="width: 100%"></div>
                <div class="swiper-slide"><img src="images/lb/lb3.png" alt="" style="width: 100%"></div>
            </div>
        </div>
    </div>
    <div class="notice">
        <div class="noticeicon"></div>
        <div id="noticetext" style="animation-duration: 40s">
            <span>[公告] 每日签到参与现金抽奖，百分百拿现金</span>
            <span>[公告] pk10返水0.03%,keno游戏返水0.05%,快乐彩返水0.02%,长期有效</span>
            <span>[公告] 微信支付暂停使用</span>
            <span>[公告] 支付宝支付暂停使用</span>
        </div>
    </div>
    <div class="menu">
        <div class="menu1">
            <h3>游戏平台</h3>
            <div><p id="gsport">体育</p><span>体育投注</span></div>
            <div><p id="pk10">PK10</p><span>北京pk10</span></div>
            <div><p id="chnk">CHNK</p><span>北京keno</span></div>
            <div><p id="cank">CANK</p><span>加拿大西keno</span></div>
            <div><p id="realm">真人</p><span>真人游乐场</span></div>
            <h3></h3>
        </div>
        <div class="menu2">
            <h3>服务平台</h3>
            <div><p id="msg">MSG</p><span>站内信</span></div>
            <div><p id="sale">优惠</p><span>最新优惠</span></div>
            <div><p id="join">合作</p><span>合作代理</span></div>
            <h3></h3>
        </div>
    </div>
</div>


<div class="footer">
    <ul>
        <li id="home">首页</li>
        <li id="mbag">个人钱包</li>
        <li id="mback">自助优惠</li>
        <li id="mlist">账务中心</li>
        <li id="men">代理结算</li>
        <li id="acset">账户设置</li>
    </ul>
</div>
<div class="initwrap">
    <div id="initgoon">继续</div>
</div>
<div id="lgjpbox" style="display: none">
    <div class="lgjptitle">会员登入</div>
    <div id="lgjpmain">
        <p>账号<input type="text"></p>
        <p>密码<input type="text"></p>
        <p>验证码<input type="text"></p>
        <p><input type="button" value="登陆"><input type="button" value="注册"></p>
    </div>

</div>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: 5000,//可选选项，自动滑动
        direction: 'horizontal',
        loop: true,
        autoplay: 5000,
        speed: 600,
        roundLengths: true,
        slideToClickedSlide: true,
        preloadImages: false,
        slidesPerView: 1,
        centeredSlides: true,

    })
</script>
</body>
<script src="javascripts/index.js"></script>
</html>